<!DOCTYPE html>
<html>
	<head th:replace="/mobile/common::head(~{::custom_settings})">
		<th:block th:fragment="custom_settings">
			<title>网吧食品经营监管系统</title>
			<link type="text/css" rel="stylesheet" th:href="@{{css}/mobile/login/login.css(css=${css})}"/>
		</th:block>
	</head>
	
	<body>
		<div class="page">
			<div class="weui-cells_placeholder"></div>
			<div class="weui-cells_title"><h2>用户登录</h2></div>
			<div class="weui-cells_input">
				<div class="placeholder"></div>
				<div class="row">
					<label>手　机</label>
					<input id="userphone" class="weui-input input" type="tel" placeholder="请输入手机号"/>
				</div>
				<div class="row">
					<label>验证码</label>
					<input id="vercode" class="weui-input input vercode" type="number" placeholder="请输入验证码"/>
					<a id="codeBtn" class="weui-btn weui-btn_default" onclick="onGetVercodeClick();" href="javascript:void(0);">获取验证码<span></span></a>
				</div>
			</div>
			<div class="weui-cells_checkbox">
				<input id="bindChecked" class="weui-check" type="checkbox" checked="checked"/>
				<i class="weui-icon-checked" onclick="onBindCheckClick();"></i>
				<p class="weui-checkbox-text" onclick="onBindCheckClick();">绑定微信免登录</p>
			</div>
			<div class="weui-cells_button">
				<a class="weui-btn weui-btn_primary" onclick="onLoginClick();" href="javascript:void(0);">登&nbsp;&nbsp;录</a>
				<a class="weui-btn weui-btn_default" onclick="onRegisterClick();" href="javascript:void(0);">注&nbsp;&nbsp;册</a>
			</div>
		</div>
		
		<th:block th:replace="/mobile/common::common_toast_define"/>
		
		<script type="text/javascript" th:src="@{{js}/mobile/login/LoginHandler.js(js=${js})}"></script>
	</body>
</html>
